<template>
    <headPage></headPage>
    <div class="main_box information" v-loading="loading">
        <titleBack title="平台公告"></titleBack>
        <div class="details">
            <div class="title">
                {{ detailsInfo.biaoti }}
            </div>
            <div class="date">{{ detailsInfo.create_time }}</div>
            <div class="parse" v-html="detailsInfo.neirong">
            </div>
        </div>
    </div>
    <footerPage></footerPage>
</template>


<script name="platformDetails" setup>
    import {post65eaeddce83b7} from "@/utils/api.js"
    import headPage from "@/components/headPage.vue";
    import footerPage from "@/components/footerPage.vue";
    import titleBack from './titleBack.vue';
    import { ref, reactive, onMounted } from 'vue';
    import { useRoute } from 'vue-router';
    const route = useRoute();
    let id = route.query.id;
    let loading = ref(true);
    let detailsInfo = reactive({});
    onMounted(() => {
        getDetails();
    })

    function getDetails() {
        post65eaeddce83b7({
            aid: id
        }).then(res => {
            console.log(res);
            if (res.code == 1) {
                loading.value = false;
                detailsInfo = res.data;
            }
        }).catch(err => {
            console.log(err);
        })
    }
</script>

<style lang="scss" scoped>
    .information {
        margin-top: 110px;
        margin-bottom: 24px;
        padding: 18px 16px;
        background: #fff;
        min-height: 358px;
    }
    .details {
        background: #fff;
        padding: 26.5px 158.5px 20px;
    .title {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    .date {
        padding: 15px 0 13px;
        font-size: 7px;
        color: #999;
        border-bottom: 1px solid #eee;
        text-align: center;
    }
    .parse {
        margin-top: 40px;
        font-size: 9px;
    }
}
    
  .save_btn {
    width: 120px;
    height: 24px;
    background: #1F52AE;
    font-size: 8px;
    color: #fff;
    border-radius: 3px;
    margin: 32px 0 0 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
</style>